<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--表格标签-->
<table border="5" width="100" height="100">
    <tr>
        <td width="100" height="100">1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
    <tr>
        <td>7</td>
        <td>8</td>
        <td>9</td>
    </tr>
</table>

<table>
    <thead>
    <tr>
        <td width="300">排名</td>
        <td>搜索指数</td>
    </tr>
    </thead>
    <tr>
        <td>婴儿哭泣司机起疑</td>
        <td>666</td>
    </tr>
</table>

<!--合并单元格-->
<!--style="table-layout: fixed" 表格与内容无关-->
<table border="1" width="100" height="100" style="table-layout: fixed">
    <tr>
        <!--和右侧单元格合并,相当于占用2个格子-->
        <td colspan="2"></td>
        <td></td>
    </tr>
    <tr>
        <!--和下放单元格进行合并,占用2个单元格-->
        <td rowspan="2"></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>

<!--span标签 使我们最常使用的 行标签
它设置不了宽高,只能由里面的内容大小决定
span标签本身没有意义,就是当我们想要一个行标签的时候
就会选择span,例如 给一行文字中的某几个字设置颜色
就会把这几个字 用span包裹起来,详情见后面的css-->
<span style="background-color: blue">哈哈哈</span>

</body>
</html>